/*
Blue Themes
*/

*{
	font-family:verdana;
	font-size:11px;
	line-height:12px;
}
body{
	padding:0;
	margin:0;
	overflow:hidden;
}
table { 
	border-spacing: 0; 
	padding: 0;
	margin:0;
}
table tr td {
	padding: 0px; 
	text-align:left;
}

#ribbonBar{
	background: rgb(113,113,113)
}
.ribbonFile{
	height:23px;
	background: rgb(113,113,113) url(themes/%color%/images/file-tab.png) 0 0;
	width:56px;
}
.ribbonFile:hover{
	background: rgb(113,113,113) url(themes/%color%/images/file-tab.png) -56px 0;
}
.ribbonFile-left-tab{
	height:23px;
	padding: 0px 2px;
	width:2px;
}
.ribbonFile-center-tab{
	padding: 0px 6px; 
	color:#fff;
	font-size:11px;
	text-align:center;
}
.ribbonFile-right-tab{
	padding: 0px 2px;
	width:2px;
}
#ribbonTab td{
	padding:0px 2px;
	cursor:default;
}
.ribbonTab-left-tab{
	height:23px;
	padding: 0px 4px;
	width:2px;
}
.ribbonTab-center-tab{
	padding: 0px 6px; 
	color:#fff;
	font-size:11px;
	text-align:center;
}
.ribbonTab-right-tab{
	padding: 0px 2px;
	width:2px;
}
.ribbonTab-left-select{
	/*url(themes/%color%/images/ribbon-tab.png)*/
	background-image:url(themes/%color%/images/ribbontab.png);
	background-position:-1px 0;
	background-repeat:no-repeat;
}
.ribbonTab-center-select{
	background-image:url(themes/%color%/images/ribbontab.png);
	background-position:0 -24px;
	/*background-repeat:repeat-x;*/
	color:#000;
}
.ribbonTab-right-select{
	background-image:url(themes/%color%/images/ribbontab.png);
	background-position:0 -48px;
	background-repeat:no-repeat;
	width:2px;
}
.ribbonTab-left-hover{
	/*url(themes/%color%/images/ribbon-tab.png)*/
	background-image:url(themes/%color%/images/ribbontab.png);
	background-position:-1px -72px;
	background-repeat:no-repeat;
}
.ribbonTab-center-hover{
	background-color:#444;
	background-image:url(themes/%color%/images/ribbontab.png);
	background-position:0 -96px;
	/*background-repeat:repeat-x;*/
	color:#fff;
}
.ribbonTab-right-hover{
	background:#444 url(themes/%color%/images/ribbontab.png) 0px -120px no-repeat;
	color:#fff;
}
.ribbonFrame{
	height:87px;
	width:100%;
	margin:0;
	background:rgb(203,203,203) url(themes/%color%/images/ribbonbar.png) 0px 0px repeat-x;
	border:1px solid transparent;
	border-bottom: 3px solid rgb(80,80,240);
}
.ribbonFrame td{
	vertical-align:top;
}
#ribbonFrame-minimized{
	height:87px;
	position:absolute;
	display:none;
	margin:0;
	border:1px solid #555;
	border-bottom: 3px solid rgb(80,80,240);
}
#filePage{
	display:none;
	height:500px;
}
#mainFormContainer{
	border:1px solid #555;
}
.ribbonPage{
	display:none;
	width:100%;
	margin:0;
}
.ribbonGroup{
	height:83px;
	margin:0;
	padding:1px 4px;
}
.ribbonGroup:hover{
	background:#555 url(themes/%color%/images/ribbonbar.png) 0px -109px repeat-x;
}
ul.GroupItemContainer{
	height:60px;
	padding:0;
	margin:0;
}
.ribbonGroupCaption{
	height:16px;
	padding:2px;
	text-align:center;
	vertical-align:top;
	margin:0;
	cursor:default;
	vertical-align:middle;
}
.itemContainer{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
.smallItemContainer{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	width:auto;
	max-width: 150px;
}
.smallItemContainer li{
	list-style:none;
	float:left;
}
.ribbonItem {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:0;
	padding:0;
	border:1px solid transparent;
	vertical-align:middle;
}
.ribbonItem td{
	text-align:center;
	vertical-align:middle;
}
.itemCaption {
	/*height:27px;*/
	font-size:10px;
	line-height:8px;
	border-top:1px solid transparent;
	cursor:default;
	padding:2px;
}
.itemDropdown {
	border-left:1px solid transparent;
	cursor:default;
	padding: 0 3px;
}
.itemImage {
	padding:1px 2px;
}
.galleryContainer{
	background:rgb(187,187,187);
	padding:2px 2px;
	border:1px solid rgb(132,132,132);
	min-width:200px;
	min-height:50px;
	margin:2px;
	overflow-y:hidden;
	overflow-x:hidden;
}
.menuContainer{
	display:none;
	background:#fff;
	position:absolute;
	padding:2px;
	border:1px solid rgb(230,230,230);
	min-width:130px;
	z-index:100;
}
.galleryTitle{
	padding:4px 2px;
	color:black;
	font-weight:bold;
	font-size:11px;
	background: rgb(240,242,245);
}
ul.galleryItems{
	list-style:none;
	margin:0;
	padding:0;
}
.gallery-scroll-top{
	background:url(themes/%color%/images/gallery-scroll.png) 0px 0px no-repeat;
	border:1px solid rgb(140,142,145);
	width: 14px;
}
.gallery-scroll-bottom{
	background:url(themes/%color%/images/gallery-scroll.png) 0px -17px no-repeat;
	border:1px solid rgb(140,142,145);
	width: 14px;
}
.gallery-scroll-popup{
	background:url(themes/%color%/images/gallery-scroll.png) 0px -35px no-repeat;
	border:1px solid rgb(140,142,145);
	width: 14px;
}
.quickbar{
	height:20px;
	margin:0;
	border:1px solid rgb(140,142,145);
	padding:2px;
	background: rgb(121,121,121);
}
.quickbar li{
	float:left;
	list-style:none;
}
.optionButton{
	border:1px solid transparent;
	float:right;
	margin-right:-2px;
	margin-top:1px;
	width:6px;
	height:6px;
	padding:3px;
	cursor:default;
}
.optionButton:hover{
	border:1px solid rgb(247,199,64);
	background:url(themes/%color%/images/button.png) 0px -12px repeat-x;
}
.statusbar{
	height:20px;
	margin:0;
	padding:2px;
	background: rgb(121,121,121) url(themes/%color%/images/statusbar.png) 0px 0px repeat-x;
}
.statusbar li{
	float:left;
	list-style:none;
}
#messageBar{
	background:#ddd;
	padding:2px;
	height:36px;
	vertical-align:middle;
}
#messageBarText{
	background:#fafafa;
	padding:2px 6px;
	font-size:11px;
	height:34px;
	border:1px solid #aaa;
}
#messageBarClose{
	border:1px solid #aaa;
	margin:2px;
	cursor:pointer;
	text-align:center;
	width:17px;
	height:16px;
	background: url(themes/%color%/images/close.ico) 0px 0px no-repeat;
}
#messageBarClose:hover{
	background: rgb(200,200,200) url(themes/%color%/images/close.ico) 0px 0px no-repeat;
}
.toolBars{
	margin:0;
	padding:0;
	height:40px;
	background: rgb(121,121,121) 
}
#tabFormContainer{
	background: rgb(181,181,181); 
	border:1px solid #eee;
}
#tabForms{
	margin:0;
	padding:0;
}
.tabForms{
	background: rgb(200,200,200);
	list-style:none;
	float:left;
	height:18px;
	padding:2px;
	border:1px solid #eee;
	border-bottom:1px solid transparent;
	cursor:default;
}
.tabForms-hover{
	background: rgb(220,220,220);
}
.tabForms-select{
	background: white;
}
.formTitle{
	padding:2px;
	margin:2px;
	padding-right:6px;
	cursor:default;
	text-align:center;
}
.formClose{
	margin:2px;
	cursor:default;
	text-align:center;
	width:16px;
	height:16px;
	background: url(themes/%color%/images/close.png) 0px 0px no-repeat;
}
.formClose:hover{
	background:rgb(252,19,64) url(themes/%color%/images/close.png) -16px 0px no-repeat;
}
#mainForm {
	text-align:center;
	margin:auto;
	padding:0;
	padding:0;
	width:100%;
	overflow:auto;
}
.formContent{
	margin-left:auto;
	margin-top:auto;
	float:left;
	list-style:none;
	padding:2px;
}

.inputform form{
	background:#fff;
}
.inputform select{
	width:256px;
	height:23px;
	line-height:16px;
	padding:2px;
	border:1px solid #aaa;
}
.formtable{
	border-collapse: collapse; 
	border:1px solid rgb(78,78,78);
	margin-left:auto;
	margin-right:auto;
	border-spacing: 0px; 
	font-size:12px;
}
.inputform{
	border-spacing: 2px; 
}
.inputform textarea{
	width:250px;
	height:32px;
	line-height:16px;
	padding:2px;
	border:1px solid #aaa;
}
.inputform input[type=text]{
	width:250px;
	height:18px;
	line-height:16px;
	padding:2px;
	border:1px solid #aaa;
}
.inputform input[type=button]{
	padding:2px 8px;
	font-size:11px;
	border:1px solid #aaa;
	background:#eee;
}
.inputform input[type=button]:hover{
	border:1px solid #333;
	background:#ddd;
	border:1px solid #aaa;
	cursor:pointer;
}
.inputform input[type=password]{
	width:250px;
	height:16px;
	line-height:16px;
	padding:2px;
	border:1px solid #aaa;
}